// Icon

@import '../../style/themes/default';
@import '../../style/mixins/index';
@import './param';

@keyframes x-icon-spin {
  100% {
    transform: rotate(360deg);
  }
}

@mixin icon {
  display: inline-block;
  line-height: 0;
  text-align: center;
  vertical-align: -0.125em;
  &-spin {
    animation: 1s linear infinite x-icon-spin;
  }
  &[left] {
    margin-right: 0.25rem;
  }
  &[right] {
    margin-left: 0.25rem;
  }
}
